#container {
  margin: 5px;
  position: relative;
  width: 879px;
  height: 651px;
  padding: 0;
  overflow: hidden;
}

#image {
  position: absolute;
  width: 100%;
  height: 100%;
}

.car {
  width: 50px;
  height: 30px;
  position: absolute;
  z-index: 100;
}

#car1 {
  animation: carmove1 5s linear infinite;
}

#car2 {
  animation: carmove2 7s linear infinite;
}

@keyframes carmove1 {
  from {
    top: 260px;
    left: 309px;
  }

  to {
    top: 471px;
    left: -57px;
  }
}

@keyframes carmove2 {
  from {
    top: 499px;
    left: 315px;
  }

  to {
    top: 699px;
    left: 650px;
  }
}

area {
  cursor: pointer;
}

#container {
  margin: 5px;
  position: relative;
  width: 879px;
  height: 651px;
  padding: 0;
  overflow: hidden;
}

#image {
  position: absolute;
  width: 100%;
  height: 100%;
}

.car {
  width: 50px;
  height: 30px;
  position: absolute;
  z-index: 100;
}

#car1 {
  animation: carmove1 5s linear infinite;
}

#car2 {
  animation: carmove2 7s linear infinite;
}

@keyframes carmove1 {
  from {
    top: 260px;
    left: 309px;
  }

  to {
    top: 471px;
    left: -57px;
  }
}

@keyframes carmove2 {
  from {
    top: 499px;
    left: 315px;
  }

  to {
    top: 699px;
    left: 650px;
  }
}